<template>
  <view class="flex-col page">
    <view class="flex-col group_5">
      <view class="flex-row group_6">
        <image
          src="http://images.wanjunshijie.com/product/cook/assets/102f3294ad7ff40dbf35689da8e485b7.png"
          class="image_6"
        />
        <text class="text_6">请给与本次服务给评价以待改进</text>
      </view>
      <view class="flex-col group_7">
        <view class="flex-col section_1">
          <text>请输入评价</text>
          <text class="text_8">0/200</text>
        </view>
        <view class="flex-col section_2">
          <view class="justify-between group_8">
            <image
              src="http://images.wanjunshijie.com/product/cook/assets/2b8e2b75b7ecc36d08f48f03b9210d64.png"
              class="image_7"
            />
            <image
              src="http://images.wanjunshijie.com/product/cook/assets/2b8e2b75b7ecc36d08f48f03b9210d64.png"
              class="image_7"
            />
            <image
              src="http://images.wanjunshijie.com/product/cook/assets/c1411d921b2b3c79d685dedb8d5e01a6.png"
              class="image_7"
            />
            <image
              src="http://images.wanjunshijie.com/product/cook/assets/3b4a40e8834e1d79e055b8b53134dc4a.png"
              class="image_7"
            />
            <image
              src="http://images.wanjunshijie.com/product/cook/assets/c1411d921b2b3c79d685dedb8d5e01a6.png"
              class="image_7"
            />
          </view>
          <view class="flex-col items-center button">
            <text>提交</text>
          </view>
        </view>
      </view>
    </view>
    <view class="justify-between tab-bar">
      <view class="flex-col items-center group_9">
        <image src="../../assets/16419679722025059627.png" class="image_13" />
        <text class="text_10">首页</text>
      </view>
      <view class="group_10 flex-col items-center view">
        <image src="../../assets/16419679722023466430.png" class="image_13" />
        <text class="text_11">厨师</text>
      </view>
      <view class="group_10 flex-col items-center view_1">
        <image src="../../assets/16419679722029284949.png" class="image_13" />
        <text class="text_12">订单</text>
      </view>
      <view class="flex-col items-center group_11">
        <image src="../../assets/16419679722031103037.png" class="image_13" />
        <text class="text_13">我的</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {};
    },
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    overflow-y: auto;
    .group_5 {
      padding-top: 32rpx;
      flex: 1 1 auto;
      overflow-y: auto;
      .group_6 {
        padding: 0 33rpx;
        color: rgb(46, 46, 46);
        font-size: 24rpx;
        line-height: 24rpx;
        white-space: nowrap;
        .image_6 {
          width: 27rpx;
          height: 25rpx;
        }
        .text_6 {
          margin-left: 12rpx;
        }
      }
      .group_7 {
        margin-top: 34rpx;
        .section_1 {
          margin-left: 35rpx;
          margin-right: 33rpx;
          padding: 21rpx 21rpx 23rpx 33rpx;
          color: rgb(185, 185, 185);
          font-size: 24rpx;
          line-height: 23rpx;
          white-space: nowrap;
          background-color: rgb(242, 242, 242);
          .text_8 {
            margin-top: 183rpx;
            align-self: flex-end;
          }
        }
        .section_2 {
          margin-top: 16rpx;
          padding: 0 49rpx 430rpx;
          color: rgb(255, 255, 255);
          font-size: 30rpx;
          line-height: 29rpx;
          white-space: nowrap;
          background-color: rgb(242, 242, 242);
          .group_8 {
            padding: 50rpx 115rpx 65rpx 117rpx;
            .image_7 {
              width: 47rpx;
              height: 46rpx;
            }
          }
          .button {
            padding: 29rpx 0 30rpx;
            background-color: rgb(255, 176, 0);
            border-radius: 15rpx;
          }
        }
      }
    }
    .tab-bar {
      padding: 26rpx 55rpx 29rpx 62rpx;
      .group_9 {
        color: rgb(0, 0, 0);
        font-size: 22rpx;
        line-height: 22rpx;
        white-space: nowrap;
        width: 59rpx;
        height: 81rpx;
        .text_10 {
          margin-top: 5rpx;
        }
      }
      .group_10 {
        width: 59rpx;
        height: 81rpx;
        .text_11 {
          margin-top: 6rpx;
        }
        .text_12 {
          margin-top: 5rpx;
        }
      }
      .view {
        color: rgb(0, 0, 0);
        font-size: 22rpx;
        line-height: 21rpx;
        white-space: nowrap;
      }
      .view_1 {
        color: rgb(0, 0, 0);
        font-size: 22rpx;
        line-height: 22rpx;
        white-space: nowrap;
      }
      .group_11 {
        color: rgb(0, 0, 0);
        font-size: 22rpx;
        line-height: 20rpx;
        white-space: nowrap;
        width: 60rpx;
        height: 80rpx;
        .text_13 {
          margin-top: 6rpx;
        }
      }
      .image_13 {
        width: 54rpx;
        height: 54rpx;
      }
    }
  }
</style>